<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    // 同样的值的两个实例 在Map结构中被视为两个键
    const map1 = new Map();

    const k1 = ['a'];
    const k2 = ['a'];

    map1
    .set(k1, 111)
    .set(k2, 222);

    map1.get(k1) // 111
    map1.get(k2) // 222


    // 上面代码中 k1 和 k2 的值是一样的 但是它们在Map结构中被视为两个键
    // 由上可知 Map的键实际是跟内存地址绑定的 只要内存地址不一样 就视为两个键
    // 由此就解决了同名属性碰撞(clash)的问题 我们扩展别人的库的时候 如果使用对象作为键名
    // 就不用担心自己的属性与原作者的属性同名

    // 如果Map的键是一个简单类型的值 (数字、字符串、布尔值) 则只要两个值严格相等 Map就视为同一个键
    // 0和-0是同一个键
    // 布尔值true和字符串true不是同一个键
    // undefined和null不是同一个键
    // NaN不严格相等于自身 但Map将其视为同一个键

    // 例子
    let map2 = new Map();

    map2.set(-0, 123);
    map2.get(+0) // 123

    map2.set(true, 1);
    map2.set('true', 2);
    map2.get(true) // 1

    map2.set(undefined, 3);
    map2.set(null, 4);
    map2.get(undefined) // 3

    map2.set(NaN, 123);
    map2.get(NaN) // 123


    // 实例的属性和操作方法
    // size属性返回Map结构的成员总数
    const map3 = new Map();
    map3.set('foo', true);
    map3.set('bar', false);

    map3.size // 2


    // Map.prototype.set(key, value)
    // set方法设置键名key对应的键值为value
    // 然后返回整个Map结构
    // 如果key已经有值 则键值会被更新 否则就生成该键
    const m = new Map();

    m.set('edition', 6)        // 键是字符串
    m.set(262, 'standard')     // 键是数值
    m.set(undefined, 'nah')    // 键是 undefined

    // set方法返回的是当前的Map对象 因此可以采用链式写法
    let map4 = new Map()
        .set(1, 'a')
        .set(2, 'b')
        .set(3, 'c');
    console.log(map4) // Map(3) {1 => "a", 2 => "b", 3 => "c"}



    // Map.prototype.get(key)
    // get方法读取key对应的键值 如果找不到key 返回undefined
    const m = new Map();

    const hello = function() {console.log('hello');};
    m.set(hello, 'Hello ES6!') // 键是函数

    m.get(hello)  // Hello ES6!



    // Map.prototype.has(key)
    // has方法返回一个布尔值 表示某个键是否在当前Map对象中
    const m = new Map();

    m.set('edition', 6);
    m.set(262, 'standard');
    m.set(undefined, 'nah');

    m.has('edition')     // true
    m.has('years')       // false
    m.has(262)           // true
    m.has(undefined)     // true

    // Map.prototype.delete(key)
    // delete方法删除某个键 返回true 如果删除失败则返回false
    const m = new Map();
    m.set(undefined, 'nah');
    m.has(undefined)     // true

    m.delete(undefined)
    m.has(undefined)       // false

    // Map.prototype.clear()
    // clear方法清除所有成员 没有返回值
    let map = new Map();
    map.set('foo', true);
    map.set('bar', false);

    map.size // 2
    map.clear()
    map.size // 0


    

</script>